<template>
  <div class="details" style="padding: 70px">
    <h1>不可轻易更改的配置:</h1>
    <br>
    <h2>
      路由表前几个顺序不可改动,如要改动,请到layout/component中router.options.routes.slice(2)字段修改
    </h2>
    <hr />
    <h1>鉴权逻辑(前端处理型)</h1>
    <h2>@1.整体逻辑与花裤衩的指定相同,但未使用vue官网的addRouter这个api</h2>
    <h2>@2.使用这种鉴权之后,所有路由请写在store的stateRouter中</h2>
    <h2>@3.尚未写错误捕捉页面(404),如果写,请在鉴权完毕后再添加进去,不要先添加这个</h2>
    <h2>@4.整体逻辑为,通过meta中permission属性里面的不同角色值,使用filter来深度筛选出其中为true的值,然后放入store中,在路由跳转时先进行token判断,若token为true,在进行鉴权的处理,把筛选为true的路由表,使用concat拼接进Vue路由实例中,从而完成整个过程,真是项目中,请把这种方式与回调结合,判断后端返回的管理员类型,来进行筛选</h2>
    <h2>@4.因为直接使用了true/false来判断,所以那个页面有需要显示或者隐藏的按钮或者组件,直接使用meta中permission中相应的属性即可</h2>
    <h2>@5.如果出现刷新时后值丢失,是因为vue实例被销毁,这时候请把值放在session中</h2>
    <h2>@6.有其他问题请联系我,我基本可以解决</h2>
    <h2>@7.如果你需要这个项目,请联系我一声,之后转到自己的仓库,署自己的名字也可</h2>
    <hr>
    <h1>注意事项:</h1>
    <br>
    <h2>
      @1.layui是一款函数作用域的模块化解决方案,不支持es6模块化和commonjs规范,已在全局调用,如需使用对应模块功能,请先layui.use,layui实时更新需要调用对应的render,请在对应组件的mounted中调用(或者在路由守卫中调用),若调用后,页面刷新时出错,请用try/catch捕获
    </h2>
    <br>
    <h2>
      @2.vue-loader中style字段,不要去掉lang="less"字段,不要使用less以外的格式,除less以外其他格式未给配置,如有需要请自行去webpack.config.base.js中配置
    </h2>
    <br>
    <h2>@3.不需要再main中引入axios,echarts,已经在webpack中配置完毕,请直接在全局使用</h2>
    <br>
    <h2>@4.富文本推荐使用wangeditor</h2>
    <br>
    <h2>@4.dist文件不可删除,若删除,请重新npm run webpackvue</h2>
    <br>
    <h2>@5.已开启多线程打包,文件少时会比单线程慢,如需配置请到webpack中自行配置</h2>
    <hr />
  </div>
</template>

<script>
export default {};
</script>

<style>
</style>